<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>
        <p:dialog id="ImagenEditDlg" widgetVar="ImagenEditDialog" modal="true" resizable="false"  appendTo="@(body)" header="#{toolsBundle.EditImagenTitle}" closeOnEscape="true">

            <h:form id="ImagenEditForm">

                <h:panelGroup id="display">
                    <p:panelGrid  columns="2" columnClasses="column" rendered="#{imagenController.selected != null}">


                        <h:outputLabel value="#{toolsBundle.EditImagenLabel_idImagen}" for="idImagen" />
                        <h:panelGroup>
                            <h:outputText id="idImagen" value="#{imagenController.selected.idImagen}" />
                            <p:tooltip for="idImagen" value="#{imagenController.getComponentMessages('idImagen', toolsBundle.EditImagenHelpText_idImagen)}"/>
                        </h:panelGroup>

                        <p:outputLabel value="#{toolsBundle.EditImagenLabel_imagen}" for="imagen" />
                        <h:panelGroup>
                            <p:inputTextarea rows="4" cols="30" id="imagen" value="#{imagenController.selected.imagen}" title="#{toolsBundle.EditImagenTitle_imagen}" />
                            <p:tooltip for="imagen" value="#{imagenController.getComponentMessages('imagen', toolsBundle.EditImagenHelpText_imagen)}"/>
                        </h:panelGroup>

                        <p:outputLabel value="#{toolsBundle.EditImagenLabel_nombre}" for="nombre" />
                        <h:panelGroup>
                            <p:inputText id="nombre" value="#{imagenController.selected.nombre}" title="#{toolsBundle.EditImagenTitle_nombre}" size="30" maxlength="30"/>
                            <p:tooltip for="nombre" value="#{imagenController.getComponentMessages('nombre', toolsBundle.EditImagenHelpText_nombre)}"/>
                        </h:panelGroup>

                        <p:outputLabel value="#{toolsBundle.EditImagenLabel_tipo}" for="tipo" />
                        <h:panelGroup>
                            <p:inputText id="tipo" value="#{imagenController.selected.tipo}" title="#{toolsBundle.EditImagenTitle_tipo}" required="true" requiredMessage="#{toolsBundle.EditImagenRequiredMessage_tipo}" size="1" maxlength="1"/>
                            <p:tooltip for="tipo" value="#{imagenController.getComponentMessages('tipo', toolsBundle.EditImagenHelpText_tipo)}"/>
                        </h:panelGroup>

                        <p:outputLabel value="#{toolsBundle.EditImagenLabel_fechaSubida}" for="fechaSubida" />
                        <h:panelGroup>
                            <p:calendar id="fechaSubida" pattern="MM/dd/yyyy HH:mm:ss" value="#{imagenController.selected.fechaSubida}" title="#{toolsBundle.EditImagenTitle_fechaSubida}" required="true" requiredMessage="#{toolsBundle.EditImagenRequiredMessage_fechaSubida}" showOn="button"/>
                            <p:tooltip for="fechaSubida" value="#{imagenController.getComponentMessages('fechaSubida', toolsBundle.EditImagenHelpText_fechaSubida)}"/>
                        </h:panelGroup>

                        <p:outputLabel value="#{toolsBundle.EditImagenLabel_descripcion}" for="descripcion" />
                        <h:panelGroup>
                            <p:inputText id="descripcion" value="#{imagenController.selected.descripcion}" title="#{toolsBundle.EditImagenTitle_descripcion}" size="80" maxlength="80"/>
                            <p:tooltip for="descripcion" value="#{imagenController.getComponentMessages('descripcion', toolsBundle.EditImagenHelpText_descripcion)}"/>
                        </h:panelGroup>

                        <p:outputLabel value="#{toolsBundle.EditImagenLabel_idSistema}" for="idSistema" />
                        <h:panelGroup>
                            <p:selectOneMenu id="idSistema" value="#{imagenController.selected.idSistema}"  converter="sistemaConverter">
                                <f:selectItem itemLabel="#{toolsBundle.SelectOneMessage}"/>
                                <f:selectItems value="#{sistemaController.items}"
                                               var="idSistemaItem"
                                               itemValue="#{idSistemaItem}"
                                               itemLabel="#{idSistemaItem.descripcion.toString()}"
                                               />

                            </p:selectOneMenu>
                            <p:tooltip for="idSistema" value="#{imagenController.getComponentMessages('idSistema', toolsBundle.EditImagenHelpText_idSistema)}"/>
                        </h:panelGroup>

                        <p:outputLabel value="#{toolsBundle.EditImagenLabel_idCarpeta}" for="idCarpeta" />
                        <h:panelGroup>
                            <p:selectOneMenu id="idCarpeta" value="#{imagenController.selected.idCarpeta}"  converter="carpetaConverter">
                                <f:selectItem itemLabel="#{toolsBundle.SelectOneMessage}"/>
                                <f:selectItems value="#{carpetaController.items}"
                                               var="idCarpetaItem"
                                               itemValue="#{idCarpetaItem}"
                                               itemLabel="#{idCarpetaItem.descripcion.toString()}"
                                               />

                            </p:selectOneMenu>
                            <p:tooltip for="idCarpeta" value="#{imagenController.getComponentMessages('idCarpeta', toolsBundle.EditImagenHelpText_idCarpeta)}"/>
                        </h:panelGroup>
                    </p:panelGrid>
                    <p:commandButton actionListener="#{imagenController.save}" value="#{toolsBundle.Save}" update="display,:ImagenListForm:datalist,:growl" oncomplete="handleSubmit(xhr,status,args,PF('ImagenEditDialog'));">
                        <p:confirm header="#{toolsBundle.ConfirmationHeader}" message="#{toolsBundle.ConfirmEditMessage}" icon="ui-icon-alert"/>
                    </p:commandButton>
                    <p:commandButton value="#{toolsBundle.Cancel}" onclick="PF('ImagenEditDialog').hide()"/>
                </h:panelGroup>

            </h:form>

        </p:dialog>

    </ui:composition>

</html>
